<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>元素浮动与布局</title>
    <style type="text/css">
    div{
        width: 40px;
        height: 40px;
        background-color: orange;
        margin: 5px;
    }

    span{
        /*display: inline-block;*/
        /*行内元素设置宽高无效*/
        width: 40px;
        height: 40px;
        background-color: red;
        margin: 50px  10px;
    }
    </style>
</head>
<body>
<div id="div1">

</div>
<span id="span1">
这是span1
</span>
<span id="span2">
这是span2
</span>
<div id="div2">

</div>

<div id="div3">

</div>
<div id="div4">

</div>
</body>
</html>